@import "@/lib/reset.scss";

.header {
  font-family: PingFang SC;
  @include rect(100%, auto);
  font-weight: 500 ;

  /deep/.van-nav-bar__title {
    color: #1C1C1C;
    @include font-size(0.18rem);
  }
  /deep/.van-nav-bar__text {
    color: #1C1C1C;
    @include font-size(0.15rem);
  }
  /deep/.van-search {
    padding: 0.04rem 0.12rem;
  }

  .customize-tag-list {
    @include rect(100%, auto);
    @include padding(0 0.15rem 0);

    li {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      @include padding(0.12rem 0);
      position: relative;
      +li {
        border-top: 1px solid #F4F5F6;
      }

      >i {
        @include rect(0.325rem, 0.325rem);
        margin-right: 0.08rem;
        background: url('./../../assets/img/zidingyibiaoqian.png') no-repeat center center /0.325rem 0.325rem;
      }
      
      .create-tag {
        position: absolute;
        right: 0;
        top: 0.15rem;
        @include rect(0.545rem, 0.25rem);
        background: #FDD949;
        border-radius: 0.125rem;
        line-height: 0.25rem;
        @include font-size(0.12rem);
        font-weight: bold;
        text-align: center;
        color: #1C1C1C;
      }

      .tag-item-content {
        @include flexbox();
        @include flex-direction(column);
        font-weight: 500;
        >span {
          @include font-size(0.14rem);
          color: #1C1C1C;
        }
        >i {
          color: rgba(28, 28, 28, .5);
          @include font-size(0.11rem);
        }
      }
    }
  }
}
